<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
	<head> 
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
		<title>Shrink Text</title> 
		<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
		<script type="text/javascript" src="jquery.shrinktext-0.1.js"></script>
		
		<script type="text/javascript">
		
		$(document).ready(function() {
		    $('span').shrinkText({
				maxLength: 10,
				suffix: '...'
			});
		});
			
		</script>
	</head> 
	<body> 
		<div id="container"> 
			<span class="shrinkthis">This is a Very long text without shrink </span>
		</div> 

	</body> 
</html>